body{ font-size:100%;line-height:1.1; width:100%; position:relative; background:none; font-family:"微软雅黑","Microsoft YaHei", sans-serif; overflow-x:hidden;} *{ padding:0; margin:0;} img{ max-width:100%;} #bdshare_weixin_qrcode_dialog *,#bdshare_weixin_qrcode_dialog{ box-sizing:content-box; } .j_tab{ display:table; width:100%; height:100%;} .j_tab_cel{ display:table-cell; vertical-align:middle; width:100%; height:100%;} *{ margin:0; padding:0; outline:none; } a{ color:inherit;} a:focus{ outline: none !important;} h4, .h4, h5, .h5, h6, .h6,h1, .h1, h2, .h2, h3, .h3,p{ margin:0;} h5{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} h5 a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} img{ max-width:100%; max-height:100%;} .img img{ width:100%; height:400px; } svg{ max-width:100%; max-height:100%;} .m1100{ width:1100px; margin:0 auto; display: block; position:relative;} .m{width: 1200px;margin: 0 auto; display: block; position:relative;} .m1280{max-width: 1280px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;} .m1360{max-width: 1360px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;} .m1500{max-width: 1500px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;} .m1600{max-width: 1300px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;} .m1689{max-width: 1689px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;} .m1900{max-width: 1900px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;} .pad_top{padding-top: 2.06rem;} .pad_bot{ padding-bottom:4.06rem;} .pad_aside{ padding-left:45px; padding-right:45px;} .draw_h{ width: 42px; height: 42px; line-height: 40px; display:block; border-radius: 50%; text-align: center; position:relative;} .draw_h:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border: 1px solid #bcbcbc; border-radius: 50%;} svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;} svg.drawcircle circle { fill: none; box-sizing:border-box; stroke-width: 1; stroke: none; stroke-dasharray: 0 , 62.5; stroke-dashoffset:31.25; transition: all .3s linear 0s; } .draw_h:hover svg.drawcircle circle { stroke:#0081cc; stroke-dasharray:62.5 , 0; stroke-dashoffset:31.25; -webkit-transition: all .5s cubic-bezier(0.11, 0.57, 0.58, 1); transition: all .5s cubic-bezier(0.11, 0.57, 0.58, 1); } .draw_h .icon { fill: #626262; vertical-align: middle; transition:.3s; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .draw_h:hover .icon{ fill:#0081cc;} /*===========================header=============================*/ #header{ position:relative; height:5.625rem; z-index:999; width:100%; transition:.6s;background:rgba(0,62,139,.8);} #header .m1600{ height:100%; position:static;} .line_bot{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:rgba(255,255,255,.2);} #header #logo{ } #logo{ float:left; height:100%;} #logo img{ height:62px; } #nav{ position:absolute; right:0; top:0;} #nav ul{ float:left;} #nav ul li{ float:left; position:relative; z-index:0;} #nav ul li a{ display:block; padding:0 1.7rem; text-transform:uppercase;} #nav ul li h3{ font-size:15px; color:#fff; line-height:5.625rem; overflow:hidden; position:relative; transition:.6s;} #nav ul li a i{ display:inline-block; width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;} #nav ul li .sub{position:absolute;top:100%;background:#fff;background:rgba(255,255,255,.95);width: 120px;left:50%;margin-left: -60px;z-index: 10000;/* transform:translateY(-20px); */visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition:.5s;box-shadow: 0 3px 5px rgba(0,0,0,0.15);} #nav ul li:nth-child(3) .sub{width: 140px;margin-left: -68px;} #nav ul li .sub .box{padding: 20px 20px;text-align:center;} #nav ul li .sub a{padding:0;line-height:2;transition:.3s;font-size: .9rem;color: #666;} #nav ul li .sub a:hover{color: #0869ac;} #nav ul li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);} #nav>ul>li.on h3,#nav ul li:hover h3{ } #nav>ul>li h3:after{ content:""; display:block; width:100%; height:3px; position:absolute; left:0; background:#0080cc; bottom:0px; transition:.3s; transform:scale(0);} #nav>ul>li:hover h3:after,#nav ul li.on h3:after{ transform:scale(1);} .search_btn{ height:5.625rem; line-height:5.625rem; cursor:pointer; width: 6.3rem; text-align: center; float:left; transition:.6s;} #header .dw2{ float:left; height:5.625rem; width:10.9rem; cursor:pointer; position:relative; margin-left:2rem; transition:.6s;} #header .dw2 .j_tab{ } #header .dw2:after{ content:""; width:1px; height:100%; display:block; position:absolute; background:rgba(255,255,255,.2); right:0; top:0;} #header .dw2.yuyan:before{ content:""; width:1px; height:100%; display:block; position:absolute; background:rgba(255,255,255,.2); left:0; top:0;} #header .dw2 .dh{ height:29px; line-height:29px; text-align:center; font-size:1.0625rem; color:#fff; cursor:pointer; transition:.6s; } #header .dw2 .dh span{ background:url(../image/jt1.png) right center no-repeat; padding-right:22px;} #header .dw2 .dd{padding-bottom:10px;padding-top:10px;position:absolute;top:100%;width: 100%;text-align:center;background: #0869ac;left: 0;border: 1px solid #0869ac;opacity: 0;visibility: hidden;transition: 400ms;transform: translateY(15px);} #header .dw2 .dd:before{content:"";display:inline-block;border:8px solid transparent;border-bottom: 8px solid #0869ac;position:absolute;top:-16px;left:50%;margin-left:-8px;} #header .dw2 .dd a{display:block;text-align:center;line-height:30px;color: #fff;font-size:13px;padding:0 10px;} #header .dw2 .dd a:hover{ font-weight:bold; } #header .dw2.on .dd{opacity:1; visibility: visible; transform: translate(0);} /**/ #logo .logo_black{ display:none;} .top_search_black{ display:none;} #header.xg{ position:relative; top:0; background:#fff; background:rgba(0,62,139,.8); border-bottom:1px solid rgba(0,0,0,.1);} #header.xg .search_btn{ } #header.xg .dw2{ } #header.xg #logo .logo_black,#header.xg .top_search_black{ display: inline-block;} #header.xg #logo .logo_white,#header.xg .top_search_white{ display:none;} #header.xg #nav ul li a h3{ color:#fff; } #header.xg .dw2 .dh{ color:#fff; } #header.xg .dw2.yuyan:before{ background:rgba(0,0,0,.1);} #header.xg .dw2:after{ background:rgba(0,0,0,.1);} #header.xg .dw2 .dh span{ background:url(../image/jt1.png) right center no-repeat; } .tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index:9999999999; pointer-events: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;} .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; display: block; pointer-events: auto;} .tc-box{ width: 60rem; padding-top:40px; max-width:80%; margin:0 auto; margin-top:-80px; box-sizing:border-box; /* background:#fff; */ display: block; position:relative; z-index:1; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; overflow: hidden; } .tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);} .close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;} .tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;} .tc_txt{ height:470px; overflow-y:auto; padding-right:30px;} /*弹窗内容样式*/ .tc-box form{ position:relative;border-bottom:2px solid #eee; height:4.25rem; padding-right:20px; position:relative;} .tc-box .tc_fdj{ position:absolute; left:20px; display:block; height: 4.25rem; line-height: 4.25rem;} .tc-box .tc_fdj img{ width:1.3rem;} .tc-box form label{ text-align:left; display:block; position:absolute; bottom:0; height: 4.25rem; line-height: 4.25rem;font-size:1.6rem; color:#999; pointer-events:none; margin-left:20px; transition:.3s;} .tc-box form label.act{ font-size:16px; bottom:3rem;line-height: 3rem; height:3rem;} .tc-box #keyword{width: 80%;height:4.25rem; padding:0 20px;font-size:1.6rem; color:#999;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;} .tc-box .btn_blue{width: 40px;height:4.25rem; border:0; line-height:4.25rem;background:url(../image/search.png) center center no-repeat;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase;float:right;} .tc-box .btn_blue.fr{ background:#e9edef; color:#4e4f53;} /***********************/ /*手机头部开始*/ #m_header{position: fixed;z-index:999;width:100%;height:4.5rem;left:0;top:0;padding:0 10px;background:#fff;display:none;border-bottom: #eaeaea 1px solid;} #m_header #logo{ height:4.5rem; } #m_header #logo img{max-height:60%;max-width: 70%;} #m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;} #m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);} .wap_search{ width:80%; margin:0 auto;} .wap_search form{ position:relative;} .wap_search #keyword{width: 80%;height:3.8rem; line-height:3.8rem; border:0;padding:0 1rem; font-size:1rem; color:#999;box-shadow:none;-webkit-appearance: none;float: left;border-right: 0;} .wap_search .btn_blue{width: 20%;height:3.8rem; background:#00a0e9 url(http://www.raysung.cn/static/style/pc/images/search.svg) center no-repeat; background-size:20px; font-size:0;color:#fff;cursor:pointer;text-transform:uppercase;float: left;} /*顶部搜索*/ .tc_search{margin: 0 1.3rem;width: calc(100% - 2.6rem);} .tc_search form{ height:40px; border-radius:20px; border:1px solid #e5e5e5; position:relative; width:100%; } .tc_search #keyword{font-size:.875rem;color:#fff;height:38px;line-height:38px;padding:0 1rem;box-shadow:none;-webkit-appearance: none;border-right: 0;background:none;width: 100%;} .tc_search .btn_blue{ position:absolute; top:0; right:0; width: 40px;height:38px; line-height:38px; border:0; background:url(../image/search_white.svg) center center no-repeat; background-size:1.2rem; } .tc_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;} .tc_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.7); } .tc_search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.7); } .tc_search input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */c color:#fff; color: rgba(255,255,255,.7); } .tc_search input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#fff; color: rgba(255,255,255,.7); }/* WebKit browsers */ .tc_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */ .tc_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */ .tc_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */ .tc_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */ /*导航按钮开始*/ #nav_btn_box{ height:100%; z-index:999999999; float:right; margin-left:20px; } #nav_btn_box.on{ background:none; } #nav_btn{} #nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;} #nav_btn{cursor: pointer;text-align: center;z-index:99999;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;outline:none;box-shadow:none;} #nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;} #nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before{width: 1.75rem;} #nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #333;} #nav_btn .navbtn::after, #nav_btn .navbtn::before{position: absolute; left: 0;display: inline-block;width: 1.75rem;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #333;} #nav_btn .navbtn::after{top: -8px;} #nav_btn .navbtn::before{top: 8px;} #nav_btn .point.on .navbtn{background: transparent;} #nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;} #nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;} /*导航按钮结束*/ .m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;} .m_nav_list::-webkit-scrollbar {display:none} #m_nav { z-index: 99999; position: fixed; background:#0080cc; width:17rem; height:100vh; right: -400px; top: 0; display:none; padding:50px 0; padding-top:80px; overflow:hidden; pointer-events: none; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;} #m_nav.act{ pointer-events: auto; right:0;} #m_nav>ul>li{ width:100%; overflow:hidden; padding:0 2.3rem; } #m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.1);} #m_nav li .a{ } #m_nav li .a h3{ line-height:5rem; height:5rem; color:#fff; padding:0; font-size:1.125rem; float:left;} #m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;} #m_nav li .a span i{ font-size:0;} #m_nav .title .a i{ opacity:1;filter:alpha(opacity=100); display:inline-block; width:10px; height:5rem; float:right; display:inline-block; background: url(http://www.raysung.cn/static/style/pc/images/arrow_down.svg) center no-repeat; background-size:contain;} #m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);} #m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);} #m_nav li{display:block;width:100%;} .slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; } #m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;} #m_nav .title .list span{ background:none; } #m_nav .title .list span a:hover{ color: #014085;} #m_nav .title .list a{display:block;font-size:1rem;color: #fff;text-align:left;line-height:40px;height: 40px;border:0;font-weight:300;} /*三级导航 开始*/ #m_nav .title .list .void>a{background-size:10px; position:relative;} #m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;} #m_nav .title .list span{ position:relative; display:block;} #m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;} #m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;} .nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;} @media only screen and (min-width: 1400px){ #banner{ height:900px; width:100%; position:relative; z-index:0; background:#000; overflow:hidden;} } @media screen and (max-width: 1410px){ #banner{ height:550px; width:100%; position:relative; z-index:0; background:#000; overflow:hidden;} } #banner .banner_slider{ position:absolute; top:0; left:0; width:100%; height:100%;} #banner li{ position:relative;} @media only screen and (min-width: 1400px){ #banner li .img{ width:100%; height:900px; z-index:8; } } @media screen and (max-width: 1410px){ #banner li .img{ width:100%; height:550px; z-index:8; } } #banner li .img img{ } @-webkit-keyframes bgscale { from { -webkit-transform: scale(1.05); transform: scale(1.05); } to {-webkit-transform: scale(1); transform: scale(1);} } @keyframes bgscale { from { -webkit-transform: scale(1.05); transform: scale(1.05); } to {-webkit-transform: scale(1); transform: scale(1);} } @-webkit-keyframes letter { from { letter-spacing:10px; opacity:0;} to { letter-spacing:0px; opacity:1;} } @keyframes letter { from { letter-spacing:10px; opacity:0;} to { letter-spacing:0px; opacity:1;} } #banner .slick-current .img{ animation:bgscale 6s linear; animation-fill-mode: forwards; } #banner .con{ position:absolute; width:100%; height:calc(100vh - 124px); top:0; left:0; z-index:999; } #banner .txt{ margin:0 auto; color:#fff;} #banner .txt h3{ font-size:3rem; font-family:"Swis721 BlkCn BT"; text-transform:uppercase; margin-bottom:1rem; } #banner .txt p{font-size: 2.25rem;line-height:3.75rem;text-transform:uppercase;display:block;} #banner .txt .bn_btn{ display: inline-block; width:8.75rem; height:2.75rem; margin-right:25px; line-height:2.75rem; text-align:center; border-radius:30px; background:#fac943; color:#000; font-size:1rem; } #banner .txt .bn_btn.white{ background:#fff;} #banner li.slick-current{ z-index:999;} #banner .con .txt .dd1{ width:100%; transition:1.1s .6s; opacity:0;/* transform:translateX(100px);*/} #banner .con .box .dd2{ white-space:nowrap; transition:1.5s .6s; opacity:0;/* transform:translateX(150px);*/} #banner .slick-current .txt .dd1{ transform:translateX(0px); opacity:1;} #banner .slick-current .txt .dd2{ transform:translateX(0px); opacity:1;} #banner .letter span{display: inline-block;opacity: 0;filter: blur(10px);-webkit-filter: blur(10px);transform: translateY(-16px);min-width: 16px;font-family: "Swis721 BlkCn BT";} #banner .slick-current .letter span{ opacity: 1; filter: blur(0px); -webkit-filter: blur(0px); transform: translateY(0px);} .appendArrows{ padding-top:23rem;} #banner .banner-arrow{ left:50%; top:50%; margin-top:0; width:46px; height:46px; background-size:46px !important; z-index:999; float:left; margin-right:10px; cursor:pointer;} #banner .banner-prev{ background:url(../image/banner_left.png) center no-repeat; } #banner .banner-next{ background:url(../image/banner_right.png) center no-repeat; } @-webkit-keyframes arrow { 0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); } 33% { opacity: 1; } 66% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0px, 5px, 0px); } } @keyframes arrow { 0% { opacity: 0; transform: translate3d(0px, 0px, 0px); } 33% { opacity: 1; } 66% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 5px, 0px); } } .btn_flashcenter { position: relative; overflow: hidden; transition: 0.52s; } .btn_flashcenter:hover { box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.225); } .btn_flashcenter .anim { -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; } .btn_flashcenter .anim:before { position: relative; content: ''; display: block; margin-top: 100%; } .btn_flashcenter .anim:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; } .btn_flashcenter:hover .anim { -moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s; animation: anim-out 0.75s; } .btn_flashcenter:hover .anim:after { -moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s; } #index_partner{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #E5E5E5;padding-bottom: 85px;position: relative;} #index_partner .box{height: auto;width: 1195px;margin-top: 50px;margin-right: auto;margin-left: auto;border-top-width: 1px;border-left-width: 1px;border-top-style: solid;border-left-style: solid;border-top-color: #E5E5E5;border-left-color: #E5E5E5;} #index_partner .box .picList li{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;float: left;width: 238px;height: 116px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e5e5e5;border-right-style: solid;border-right-width: 1px;border-right-color: #e5e5e5;text-align: center;display: table;} #index_partner .box .picList li:hover{background-color: #E5E5E5;} #index_partner .box .picList li a{text-align: center;display: table;height: 116px;width: 100%;} #index_partner .box .picList li span{vertical-align: middle;display: table-cell;} #index_partner .tab{position: absolute;height: 36px;width: 112px;left: 50%;right: 50%;bottom: -18px;margin-left: -56px;text-align: center;border-left-width: 1px;border-left-style: solid;border-left-color: #CCCCCC;} #index_partner .tab a{width: 55px;text-align: center;height: 34px;line-height: 36px;display: inline-block;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-top-color: #CCCCCC;border-right-color: #CCCCCC;border-bottom-color: #CCCCCC;background-color: #FFFFFF;text-decoration: none;float: left;background-image: url(../images/partner_arrow_l.gif);background-repeat: no-repeat;background-position: center center;} #index_partner .tab a.prev{background-image: url(../images/partner_arrow_r.gif);} @-webkit-keyframes anim-out-pseudo { 0% { background: rgba(0, 0, 0, 0.25); } 100% { background: transparent; } } @-moz-keyframes anim-out-pseudo { 0% { background: rgba(0, 0, 0, 0.25); } 100% { background: transparent; } } @-ms-keyframes anim-out-pseudo { 0% { background: rgba(0, 0, 0, 0.25); } 100% { background: transparent; } } @keyframes anim-out-pseudo { 0% { background: rgba(0, 0, 0, 0.25); } 100% { background: transparent; } } @-webkit-keyframes anim-out { 0% { width: 0%; } 100% { width: 100%; } } @-moz-keyframes anim-out { 0% { width: 0%; } 100% { width: 100%; } } @-ms-keyframes anim-out { 0% { width: 0%; } 100% { width: 100%; } } @keyframes anim-out { 0% { width: 0%; } 100% { width: 100%; } } .s_tt{ margin-bottom:3rem; overflow:hidden;} .s_tt h3{ font-size:1.5rem; color:#333; font-weight:bold; float:left; line-height:3.125rem;} .s_tt h3 span{ font-size:2rem; font-family:"Swis721 BlkCn BT"; margin-right:10px; } .s_tt .btn_r{ float:right; width:7rem; height:3.125rem; line-height:3.125rem; text-align:center; display:block; font-size:14px; color:#fff; background:#0869ac; border-radius:3px; position:relative; z-index:1; overflow:hidden; margin-right:10px;} .s_tt .btn_r:before{content:"";position:absolute; z-index:-1;left:auto;right:0;bottom:0;width:0;height:100%;background: #0081cc;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s} .s_tt .btn_r:hover:before{left:0;right:auto;width:100%} /* 主体开始*/ #s_mian{ } @media only screen and (min-width: 1400px){ #s_pro{ background:#f7f7f7; width:100%; overflow: hidden;} } @media screen and (max-width: 1410px){ #s_pro{ background:#f7f7f7; width:1400px; overflow: hidden; margin:0 auto;} } #s_pro ul li{ padding:0 8px;} #s_pro ul li .box{ display:block; background:#fff;} #s_pro ul li .img{} #s_pro ul li .img img{ transition:1s;height:250px;object-fit: cover;width:300px; } #s_pro ul li .txt{ border:1px solid #e8e9eb; text-align:center;} #s_pro ul li .txt h5{ font-size:14px; color:#212121; padding-top:5px;} #s_pro ul li .txt p{ font-size:.875rem; color:#747272; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} #s_pro ul li .txt .btn_more{ position:relative; z-index:1; overflow:hidden; display:block; width:9rem; height:2.75rem; line-height:2.75rem; font-size:.875rem; color:#525252; margin:0 auto; border:1px solid #c5c5c7; border-radius:1.5rem; margin-top:2.3rem; transition:.5s;} #s_pro ul li .txt .btn_more:hover{ color:#fff; } #s_pro .btn_more:before{ content:""; width:200px; height:200px; border-radius:50%; transform-origin:center; transform:scale(0); background:#0869ac; position:absolute; z-index:-1; top:50%; margin-top:-100px; right:50%; margin-right:-100px; transition:.5s;} #s_pro_main{ width:100%; overflow: hidden; margin-bottom:20px;} #s_pro_main ul{ margin:0 -10px;} #s_pro_main ul li{ padding:0 10px;} #s_pro_main ul li .box{ display:block; position:relative;} #s_pro_main ul li .img{} #s_pro_main ul li .img img{ transition:1s;} #s_pro_main ul li .txt{ position:absolute; top:0; left:0; width:100%; padding:3.6rem 2rem; color:#fff; text-align:center; } #s_pro_main ul li .txt h5{ font-size:2rem; margin-bottom:1.25rem;} #s_pro_main ul li .txt p{ font-size:1.0625rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} #s_pro_main ul li .txt .btn_more{ font-size:1.0625rem; margin:0 auto; margin-top:2.3rem;} #s_pro_main ul li .txt .btn_more:hover{} #s_pro_main .slick-arrow{ z-index:99; position:absolute; transform:translate(0,0); top:50%; margin-top:-2rem; background-size:1rem !important; display:block;border-radius:50%; border:2px solid #fff; border:2px solid rgba(255,255,255,.35); width: 4rem; height: 4rem;} #s_pro_main .slick-prev{ left:3rem; background:url(../image/left_white.svg) center no-repeat; transition:300ms; -webkit-transition:300ms; } #s_pro_main .slick-next{ right:3rem; background:url(../image/right_white.svg) center no-repeat; transition:300ms; -webkit-transition:300ms; } .slick-arrow:before{ display:none;} #s_rukou{ width:100%; overflow: hidden; } #s_rukou ul{ margin:0 -12px;} #s_rukou ul li{ padding:0 12px; } #s_rukou ul li .box{ display:block; position:relative; background:#f7f7f7;} #s_rukou ul li .img{ overflow:hidden;} #s_rukou ul li .img img{ transition:1s; display:block;} #s_rukou ul li:hover .img img{ transform:scale(1.03);} #s_rukou ul li .txt{ padding:3.6rem 1.5rem; padding-bottom:1rem; text-align:center; transition:.5s; } #s_rukou ul li:hover .txt{ transform:translateY(-10px);} #s_rukou ul li .txt h5{ font-size:1.75rem; color:#020609; margin-bottom:1.25rem;} #s_rukou ul li .txt .con{ font-size:.875rem; color:#535353; line-height:1.625rem; height:3.25rem; overflow:hidden; max-width:440px; margin:0 auto; margin-bottom:1.2rem; } #s_rukou ul li .txt .btn_more{ font-size:.875rem; color:#535353; margin:0 auto; position:relative; z-index:1; overflow: hidden; } #s_rukou ul li .txt .btn_more:hover{} #s_news{ width:100%; overflow:hidden;} #s_news .left{ width:33.75%;} #s_news .right{ width:66.25%;} #s_news .li.li_3{ width:50%; float: left;} #s_news .li.li_1{ height:704px;} #s_news .li.li_1 .txt .btn_more{ width:10.625rem; height:3.125rem; border:2px solid #f7f7f7; text-align:center; line-height:2.875rem; margin:0; margin-top:16rem; transition:.3s;} #s_news .li.li_1 .txt .btn_more:hover{ border:2px solid #0869ac;} #s_news .li .txt .btn_more:after{ content:""; width:.8rem; height:1.5rem; background:url(../image/right_white.svg) center no-repeat; background-size:contain; position:relative; top:.45rem; margin-left:1rem; display:inline-block;} #s_news .li{ height:352px;} #s_news .li .box{ display:block; background-size:cover !important; position:relative; overflow:hidden; width:100%; height:100%;} #s_news .li .img{ overflow:hidden;} #s_news .li .img img{ transition:1s; display:block;} #s_news .li:hover .img img{ transform:scale(1.03);} #s_news .li .txt{ padding:3.6rem; color:#fff; } #s_news .li .txt .time{ font-size:1rem; font-family:arial; display:block; margin-bottom:2.5rem;} #s_news .li .txt h5{ font-size:1.5rem; font-weight:bold; line-height:2.5rem; margin-bottom:1.25rem; white-space:normal;} #s_news .li .txt p{ font-size:.875rem; color:rgba(255,255,255,.65); line-height:1.625rem; } #s_news .li .txt .btn_more{ font-size:.875rem; margin:0 auto; display:inline-block; height:35px; line-height:35px; padding:0;-webkit-transition: .38s cubic-bezier(.4,0,.2,1); transition: .38s cubic-bezier(.4,0,.2,1); padding:0;} #s_news .li .txt .btn_more:hover{ padding:0 10px;} #s_link{ padding:1.5rem 0; border-top:1px solid #dedede; overflow:hidden; width:100%; background:#f7f7f7;} #s_link .tt{ width:4rem; font-size:1.5rem; font-weight:bold; color:#424346; font-family:"Swis721 BlkCn BT"; line-height:36px;} #s_link .right{ width:calc(100% - 4rem);} #s_link a{ line-height:36px; font-size:.9375rem; color:#424346; margin-left:17px; display:inline-block; transition:.3s;} #s_link a:hover{ color:#0869ac;} .btn_more{ position:relative; z-index:1; overflow: hidden; display:inline-block; line-height:40px; padding:0 .9rem;-webkit-transition: .38s cubic-bezier(.4,0,.2,1); transition: .38s cubic-bezier(.4,0,.2,1);} .btn_more:hover{ color:#fff !important;} .btn_more:before { content: ""; display:block; width:0; height: 100%; background:#0869ac; position: absolute; z-index:-1; right: 0; top: 0; -webkit-transition: .38s cubic-bezier(.4,0,.2,1); transition: .38s cubic-bezier(.4,0,.2,1); } .btn_more:hover:before { width:100%; right:auto; left:0; } #s_news .li .box{-webkit-transition: .5s cubic-bezier(.4,0,.2,1);background-size:100% 100% !important; transition: .5s cubic-bezier(.4,0,.2,1);} #s_news .li:hover .box{ background-size:110% 110% !important;} /*底部*/ #foot{ background:#15569d; width:100%; overflow:hidden; color:#fff; padding-bottom:20px;} input::-webkit-input-placeholder{ color:#919191;} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#919191; } input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#919191;} input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#919191;} .foot_form{ float:left; width:30%; padding-right:2rem; } .foot_form form{ margin-top:2.25rem;} .foot_form .input{text-align:center;font-size:0;height: 3.75rem;margin: 0; max-width:26.25rem;} .foot_form .input .input-text{display:inline-block; *display:inline; *zoom:1;width: 70%;height: 3.75rem;line-height: 3.75rem;position: relative;vertical-align: top;background: #fff;border: #535353 1px solid;} .foot_form .input .input-text input{display:block;width:100%;height:100%; font-size:1rem; border:none;background:none;padding: 0 1.5rem;position: relative;z-index: 10;color: #b6b6b6;} .foot_form .input .btn_tijiao{display:inline-block; *display:inline; *zoom:1;width: 30%;border:0;font-size:1.0625rem;height: 3.75rem;color:#fff;line-height: 3.75rem;background: #0869ac;margin-left: 0;position:relative;z-index:11;transition: 0.6s;cursor: pointer;} .foot_form .input .btn:hover{background: #353434;} input::-webkit-input-placeholder{ color:#919191;} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#919191; } input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#919191;} input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#919191;} .foot_form .input .input-text > input:focus { background-color: transparent; border-color: transparent; } .foot_form .input .input-text > input:focus ~ .input-border { } .foot_form .input .input-text > input:focus ~ .input-border:first-of-type:before { -webkit-transition: 0.15s ease-in-out all; transition: 0.15s ease-in-out all; -webkit-transition-delay: 0s; transition-delay: 0s; width: 100%; } .foot_form .input .input-text > input:focus ~ .input-border:first-of-type:after { height: 100%; -webkit-transition: 0.15s ease-in-out all; transition: 0.15s ease-in-out all; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .foot_form .input .input-text > input:focus ~ .input-border:last-of-type { background: transparent; } .foot_form .input .input-text > input:focus ~ .input-border:last-of-type:before { -webkit-transition: 0.15s ease-in-out all; transition: 0.15s ease-in-out all; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; width: 100%; } .foot_form .input .input-text > input:focus ~ .input-border:last-of-type:after { height: 100%; -webkit-transition: 0.15s ease-in-out all; transition: 0.15s ease-in-out all; -webkit-transition-delay: 0.45s; transition-delay: 0.45s; top: 0; } .foot_form .input .input-text .input-border { bottom: 0px; display: block; left: -1px; position: absolute; top: -1px; right: -1px; } .foot_form .input .input-text .input-border:before, .foot_form .input .input-text .input-border:after { bottom: 0; content: ''; display: block; position: absolute; top: 0; width: 0; background-color: #999; -webkit-transition: 0.3s ease-in-out all; transition: 0.3s ease-in-out all; } .foot_form .input .input-text .input-border:first-of-type:before { height: 1px; left: 0; top: 0; width: 0; } .foot_form .input .input-text .input-border:first-of-type:after { height: 0; right: 0; top: 0; width: 1px; } .foot_form .input .input-text .input-border:last-of-type:before { background-color: #999; height: 1px; top: calc(100% - 1px); right: 0; width: 0; } .foot_form .input .input-text .input-border:last-of-type:after { background-color: #999; height: 0; top: calc(100% - 1px); left: 0; width: 1px; } .foot_form .tip{ font-size:14px; color:#f9fafa; margin-top:20px;} .foot_nav{margin-bottom: 10px; position:relative; float:left; margin-top:1.19rem; padding:0; width:40%; display:flex; justify-content:space-around;} .foot_nav dl{ display:inline-block; vertical-align:top; } .foot_nav dl dt{ font-size:1.1875rem; color:#fff; margin-bottom:1.2rem; position:relative; } .foot_nav dl dd{ font-size:14px; color:#b6b6b7; line-height:2rem; transition:.3s;} .foot_nav dl dd:hover{color:#0869ac;} .foot_lianxi{ float:right; margin-top:1.19rem; padding-left:0; width:30%; padding-left:2rem; } .foot_lianxi .box{ float:right;} .foot_lianxi ul li{ font-size:14px; margin-bottom:0.06rem;} .foot_share{ margin-top:1rem;} .foot_share .ewm{ float:left; margin-right:20px; width:6.625rem; height:6.625rem;} .foot_share .txt{ float:left; padding-top:1.1rem;} .foot_share ul{ font-size:0; margin-top:.875rem;} .foot_share ul li{ display:inline-block; margin-right:.625rem} .foot_share ul li a{ display:inline-block; width:2.375rem; height:2.375rem; line-height:2.2rem; text-align:center; border-radius:50%; cursor:pointer;} .foot_share ul li a img{ transition:.3s; max-width:50%; max-height:50%;} .foot_share ul li a{ position: relative; z-index:1; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .foot_share ul li a:before{ content:""; width: 100%; height: 100%; border-radius: 50%; border:1px solid #fff; border:1px solid #f4f4f4; display: block; position: absolute; z-index:-1; left: 0px; top: 0px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;} .foot_share ul li a:after{ content:""; width: 100%; height: 100%; border-radius: 50%; display: block; background-color:#0869ac; position: absolute; z-index:-1; left: 0px; top: 0px; transform: scale(0.6); -webkit-transform: scale(0.6); opacity: 0; -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); visibility: hidden;} .foot_share ul li a:hover:before{ opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); } .foot_share ul li a:hover:after{ transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible;} .tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;} .tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display: none;} .tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; pointer-events: auto;transform:scale(1);} .tc1 .close:hover{ transform:rotate(180deg);} .tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } .tc1 .tc-box{position:absolute; background:#fff; overflow: hidden;top:50%;z-index:9999; width: 12rem; border-radius:3px; left:50%;margin-left: -6rem;margin-top: -7.5rem; padding-top:0;} .tc-box{ margin:0 auto; box-sizing:border-box; display: block; position:relative; z-index:1; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: anim-close-2; animation-name: anim-close-2;} .tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);} .tc1 .tc.act{display: block; } .tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; } .tc1 .tc-box h3 img{ width:12rem; height:12rem;} .tc1 .tc-box h5{ width:12rem; height:3rem; line-height:3rem; font-size:1rem; color:#fff; background:#0869ac; text-align:center} .copyright{text-align:center;font-size:.9375rem;color:#828485;border-top:1px solid #474a4c;line-height:1.5;padding-top:1.5rem;margin-top: 2rem;padding-bottom:1.5rem;} .tc_toudi{ padding:50px; background:#fff; width:500px; margin:0 auto; min-height:200px; position:relative; z-index:9999;} .tc_close{ position:absolute; right:10px; top:10px; color:#333; cursor:pointer; padding:10px; transition:.5s; font-size:18px;} .tc_close:hover{ transform:rotate(90deg);} /*online qq*/ .online_q { position: fixed; right: 0px; bottom: 30%; z-index: 9999; } .online_q .btn2{width:73px; height:73px; margin-bottom:5px; cursor:pointer; position:relative; font-size:12px; transition:.3s;} .online_q .btn-top{ } .online_q .btn2 span{display:block; width:100%; height:100%; text-align:center; border-radius:3px; position:relative; padding-top:49px; z-index:999; overflow:hidden; transition:.3s; -webkit-transition:.3s; font-size:12px; color:#fff;} .online_q .btn-qq span{background:url(../image/piaofu_qq.png) center 11px no-repeat #0869ac;} .online_q .btn-tel span{background:url(../image/piaofu_tel.png) center 11px no-repeat #0869ac; } .online_q .btn-weixin span{ background:url(../image/piaofu_weixin.png) center 11px no-repeat #0869ac; } .online_q .btn-top span{ background:url(../image/piaofu_top.png) center no-repeat #fff; } .online_q .open.pic{ position:absolute; background:#0869ac; width:100px; height:100px; right:100px; top:50%; margin-top:-50px; text-align:right; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;} .online_q .open.pic:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #0869ac; position:absolute; right:-15px; top:50%; margin-top:-10px;} .online_q .open.pic img{ width:80px; height:80px; margin-top:10px; margin-right:10px;} .online_q .btn2:hover .open.pic{ opacity:1; right:90px;visibility:visible;} .online_q .open.tel{ position:absolute; background:#0869ac; width:160px; height:50px; border-radius:20px; color:#fff; font-size:18px; font-family:arial; text-align:center; line-height:50px; right:100px; top:50%; margin-top:-25px; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;} .online_q .open.tel:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #0869ac; position:absolute; right:-16px; top:50%; margin-top:-10px;} .online_q .btn2:hover .open.tel{ opacity:1; right:90px;visibility:visible;} #gotop{ transition:.5s; overflow:hidden; height:73px;} #gotop.hide{ height:0; } /*------------------------------- 侧边栏end -------------------------------------*/ /*msio*/ @font-face { font-family: roboto_m; src: url(../font/ROBOTO-MEDIUM-12.TTF); } @font-face { font-family: roboto_l; src: url(../font/ROBOTO-LIGHT-10.TTF); } .table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%} .table_cell{ display:table-cell; vertical-align:middle} .n_banner{ height:520px;} .n_banner h2{ font-size:2.5rem; color:#fff; font-weight:bold; margin-bottom:10px} .n_banner h3{font-size:3.5rem;color: rgba(255,255,255,0.55); font-family: roboto_l; text-transform: uppercase} .n_body{ padding:5.625rem 0 0} #header.xg01{ top:0} .mianbao{ padding:2.5rem 0 0} .mianbao .m1360{ height: 60px; border-bottom: #e6e6e6 3px solid } .mianbao big { line-height: 40px; font-size: 32px; color: #373737; } .mianbao ul { font-size: 0; } .mianbao ul li { font-size: 18px; color: #585858; font-weight: bold; line-height: 54px; display: inline-block; margin-left: 3rem; position: relative; height: 60px; } .mianbao ul li a { color: #585858; transition: 0.6s; display: inline-block } .mianbao ul li a:after { content: ""; position: absolute; right: 0; width: 0; height: 3px; background: #0869ac; bottom: 0; transition: 0.6s } .mianbao ul li.on a:after,.mianbao ul li:hover a:after { left: 0; width: 100% } .mianbao ul li.on a,.mianbao ul li:hover a { color: #0869ac } /*====移动端导航====*/ #m_n_nav{background: #0869ac;display: none;line-height: 50px;position: relative;z-index: 99;float: left;width: 100%;} #bnt_back{position:absolute;left: 1rem;top:0;} #bnt_back svg{fill: #fff;height: 30px;vertical-align: middle;width: 26px;} #m_n_nav i{} #m_n_nav h1{font-size: 14px;color: #fff;text-align: center;margin: 0;line-height: 50px;} #bnt_sub_nav{position: absolute;right: 1rem;top: 0;cursor: pointer;color: #fff;font-size: 18px;} #bnt_sub_nav svg{fill: #fff;height: 30px;vertical-align: middle;width: 26px;} #bnt_sub_nav img{ display: block; height: 15px; } #bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);} #sub_nav_content{background: #f0f3f5; display: none; box-shadow: 0 0 5px #999; z-index: 9;} #sub_nav_content ul{ padding: 10px;} #sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0;} #sub_nav_content ul li a{ display:block; border-left:2px solid #104a9e; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;} #sub_nav_content ul li.on a{color: #104a9e;} #sub_nav_content dl{font-size:0;overflow: hidden;background: #fff;padding: 10px 0;} #sub_nav_content dt{position:relative;background:#fff;z-index: 999;width: 33.333333%;display: inline-block;margin-bottom: 0;float: left;text-align: center;} #sub_nav_content dt a{margin:0 20px;display:block;color:#5b5349;line-height: 30px;font-size:14px;font-weight: 400;vertical-align: top;} #sub_nav_content dt a i{position: absolute;right: 15px;top: 0;opacity:0;filter:alpha(opacity=0);display: none;} #sub_nav_content dt a{} #sub_nav_content dt.title{background:#fafafb;} #sub_nav_content dt.title i{ opacity:1;filter:alpha(opacity=100);} #sub_nav_content dt.title_on { background:#fafafb;} #sub_nav_content dt.title_on a{ color: #104a9e; border-top:1px solid #fff;} #sub_nav_content dt.title_on a i{ color: #104a9e; } #sub_nav_content dt.last a{border-top:1px solid #f8f8f8;} #sub_nav_content dt.on a,#sub_nav_content dt.title_on a{color: #0869ac;} #sub_nav_content dd{ display:none;} #sub_nav_content dd .box{padding:0px 0px 0px 0px;} #sub_nav_content dd a{ padding:0 25px; line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;} #sub_nav_content dd a.on{ color: #104a9e;} .n_gonggong .title00{ text-align:center; margin-bottom:44px} .n_gonggong .title00 h4{font-size:2.375rem;color:#9f9f9f;font-family: roboto_l;text-transform:uppercase;margin-bottom:0.875rem; line-height:2rem;} .n_gonggong .title00 h3{ font-size:2rem; color:#303030; } .ar_article p{ font-size:1rem; line-height:2rem; color:#4c4c4c; margin-bottom:2rem} .ar_article p img{ max-width:100%; margin:1rem 0} .n_about{ padding:4.375rem 0 5rem} .n_about .title00{ text-align:left} .n_about .left{ width:20rem} .n_about .right{ width:calc(100% - 20rem)} .n_about .img img{ max-width:100%; margin:1rem 0} .n_licheng .fl01 { background: url(../image/n_licheng_fl01_bg.jpg) center no-repeat; height: 360px; margin-top: 45px; } .n_licheng .fl01 .w1200 { padding: 65px 30px 0 } .n_licheng .fl01 h3 { font-size: 42px; color: #fff; line-height: 42px; text-transform: uppercase; height: 42px; margin-bottom: 198px; padding: 64px 30px 0; font-family: roboto_l; } .n_licheng .fl01 .miso_hd { width: 75%; margin-right: 24px; float: right; } .n_licheng .fl01 .miso_hd .miso-list { } .n_licheng .fl01 .miso_hd li { position: relative; text-align: center } .n_licheng .fl01 .miso_hd li:before { content: ""; position: absolute; width: 21px; height: 0; background: url(../image/jiantou.png) center no-repeat; border-radius: 50%; left: 50%; margin-left: -11px; bottom: 8px; transition: 0.6s; overflow: hidden } .n_licheng .fl01 .miso_hd li h4 { font-size: 42px; color: rgba(255,255,255,0.65); font-family: font_shuzi; text-transform: uppercase; position: relative; padding-bottom: 91px; } .n_licheng .fl01 .miso_hd li h4:before { content: ""; position: absolute; width: 24px; height: 24px; background: #ffffff; border-radius: 50%; left: 50%; margin-left: -12px; bottom: 26px; transform: scale(0); transition: 0.6s } .n_licheng .fl01 .miso_hd li h4:after { content: ""; position: absolute; width: 12px; height: 12px; background: #0869ac; border-radius: 50%; left: 50%; margin-left: -6px; bottom: 32px; transform: scale(0); transition: 0.6s; } .n_licheng .fl01 .miso_hd .slick-prev, .n_licheng .fl01 .miso_hd .slick-next { width: 60px; height: 60px; left: -285px; top: 22px; } .n_licheng .fl01 .miso_hd .slick-prev { background: url(../image/left03.png) center no-repeat; } .n_licheng .fl01 .miso_hd .slick-next { background: url(../image/right03.png) center no-repeat; left: -205px; } .n_licheng .fl01 .miso_hd li.slick-current h4 { color: #fff } .n_licheng .fl01 .miso_hd li.slick-current:before { height: 10px; } .n_licheng .fl01 .miso_hd li.slick-current h4:before { transform: scale(1) } .n_licheng .fl01 .miso_hd li.slick-current h4:after { transform: scale(1) } .n_licheng .fl02 { overflow: hidden; position: relative; top: -39px; margin-bottom: -39px; } .n_licheng .fl02 .miso_bd h4 { float: left; font-size: 88px; color: #0869ac; font-family: font_shuzi; text-transform: uppercase; padding: 70px 0; padding-left: 30px; } .n_licheng .fl02 .miso_bd .right { width: 78%; border-left: #dedede 2px solid; padding: 80px 0; padding-left: 30px; min-height: 228px; } .n_licheng .fl02 .miso_bd .right dl dd { font-size: 16px; line-height: 28px; color: #4c4c4c; position: relative; margin-bottom: 28px; } .n_licheng .fl02 .miso_bd .right dl dd:before { content: ""; position: absolute; left: -25px; width: 10px; height: 2px; top: 50%; margin-top: -1px; background: #dedede; } .n_licheng .fl02 .miso_bd .right dl dd:after { content: ""; position: absolute; left: -38px; width: 14px; height: 14px; top: 50%; margin-top: -7px; background: #fff; border: #dedede 2px solid; border-radius: 50%; } .n_zizhi{ padding:3.5rem 0 5.3125rem} .n_zizhi ul{font-size: 0;margin: 0 -1.5rem;margin-bottom: 20px;} .n_zizhi ul li{box-sizing: border-box;display: inline-block;padding: 0 1.5rem;text-align: center;width: 33.333333%;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-bottom:48px;} .n_zizhi ul li .pic_box{width: 100%;height: 365px;display:table;overflow:hidden;background: #f0f0f0;text-align: center;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .n_zizhi ul li .pic_box .box{display:table-cell;vertical-align:middle;text-align: -webkit-center;} .n_zizhi ul li img{max-width: 90%;max-height: 280px;display: inline-block;} .n_zizhi ul li h5{font-size: 18px;color: #4c4c4c;line-height: 48px;height: 48px;text-align:left;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;margin-top: 5px;transition:0.36s;} .n_zizhi ul li h5:before{content:"";position:absolute;bottom: 0;left:0;width: 15px;height: 2px;background: #575757;} .n_zizhi ul li:hover h5{color: #0869ac;} .n_zizhi ul li:hover h5:before{background: #0869ac;} .slick-lightbox .slick-prev,.slick-lightbox .slick-next{width:43px;height:58px;z-index: 1000;margin-top: -29px;} .slick-lightbox .slick-prev{ background:url(../image/arrows.png) left center no-repeat} .slick-lightbox .slick-next{ background:url(../image/arrows.png) right center no-repeat} .page { margin:0px auto 0px auto;} .page .box{display:inherit;width:100%;text-align: center;} .page a{padding: 0 14px;height: 38px;line-height: 36px;display:inline-block;border: 1px solid #dddddd;margin:0 2px;color: #4f4f4f;font-size: 14px;transition:0.36s;} .page .on{background: #0869ac;color:#fff !important;border: 1px solid #0869ac;} .page a font{ font-size: 14px; font-family: "SimSun"; color: rgb( 68, 68, 68 );} .page span{} .page a:hover{background: #0869ac;color:#fff !important;text-decoration:none;border: 1px solid #0869ac;} .page a:hover font{ color:#4f4f4f;} .page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */} .n_about .fl01 ul{font-size:0;padding: 0;padding-bottom: 5.25rem;text-align: center;} .n_about .fl01 ul li{display:inline-block;margin: 0 5.25rem;text-align: left;} .n_about .fl01 ul li h2{font-size:5.125rem;font-family: font_shuzi;font-weight:bold;color: #0070bd;margin-bottom: 10px;} .n_about .fl01 ul li h5{font-size: 16px;color: #4c4c4c;} .n_about .fl02{background: #f7f7f7;padding: 5.25rem 0;text-align:center;} .n_about .fl02 .box{ display:inline-block; position:relative} .n_about .fl02 .box img{position:relative;margin: 0;} .n_about .fl02 .box:before{content:"";position:absolute;width:100%;height:100%;left:50%;margin-left:-50%;top:50%;margin-top:-50%;transform:scale(0.3);background: #fff;border-radius: 50%;} .n_about .fl02 .box:before{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-name:intervalHamburgerBorder1;animation-name:intervalHamburgerBorder1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;} @-webkit-keyframes intervalHamburgerBorder1{0%{opacity:1;-webkit-transform:scale(0.6);transform:scale(0.6)}80%{-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}} @keyframes intervalHamburgerBorder1{0%{opacity:1;-webkit-transform:scale(0.6);transform:scale(0.6)}80%{-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}} .n_about .fl02 .box .wz{ position:absolute; top:0; left:0; width:100%; height:100%} .n_about .fl02 .box .wz h3{font-size: 26px;color:#fff;margin-bottom: 10px;margin-top:2rem;} .n_about .fl02 .box .wz h4{font-size: 15px;color: #d4d4d6;font-weight:normal;margin-bottom:2.5rem;font-family: roboto_l;letter-spacing: 1px;} .n_about .fl02 .box .con{position:absolute;white-space: nowrap;font-size: 1.125rem;color: #656565;font-weight: bold;height: 25px;} .n_about .fl02 .box .con span{position:absolute;width: 135px;height: 35px;line-height: 35px;text-align:center;background:#636363;font-size: 16px;color:#fff;left: 11rem;top: -48px;display: inline-block;font-weight: normal;} .n_about .fl02 .box .con h5{font-size: 16px;color: #4c4c4c;line-height: 28px;} .n_about .fl02 .box .con:before{width: 7.5rem;} .n_about .fl02 .box .con:after{width: 25px;height: 25px;} .n_about .fl02 .box .con01{left: 84%;top: 8rem;padding-left: 11rem;} .n_about .fl02 .box .con01:before{content:"";position:absolute;height:1px;top:50%;left: 20px;margin-top:-1px;border-bottom: #d3d3d3 1px dashed;} .n_about .fl02 .box .con01:after{content:"";position:absolute;top:50%;margin-top: -12px;left:0;border:#c2c2c2 1px solid;border-radius:50%;background:#fff;} .n_about .fl02 .box .con02{left: 84%;bottom: 8rem;padding-left: 11rem;} .n_about .fl02 .box .con02:before{content:"";position:absolute;height:1px;top:50%;left: 20px;margin-top:-1px;border-bottom: #d3d3d3 1px dashed;} .n_about .fl02 .box .con02:after{content:"";position:absolute;top:50%;margin-top: -12px;left:0;border:#c2c2c2 1px solid;border-radius:50%;background:#fff;} .n_about .fl02 .box .con03{right: 84%;bottom: 8rem;padding-right: 11rem;} .n_about .fl02 .box .con03:before{content:"";position:absolute;height:1px;top:50%;right: 20px;margin-top:-1px;border-bottom: #d3d3d3 1px dashed;} .n_about .fl02 .box .con03:after{content:"";position:absolute;top:50%;margin-top: -12px;right:0;border:#c2c2c2 1px solid;border-radius:50%;background:#fff;} .n_about .fl02 .box .con03 h5{ text-align:right} .n_about .fl02 .box .con04{right: 84%;top: 8rem;padding-right: 11rem;} .n_about .fl02 .box .con04:before{content:"";position:absolute;height:1px;top:50%;right: 20px;margin-top:-1px;border-bottom: #d3d3d3 1px dashed;} .n_about .fl02 .box .con04:after{content:"";position:absolute;top:50%;margin-top: -12px;right:0;border:#c2c2c2 1px solid;border-radius:50%;background:#fff;} .n_about .fl02 .box .con04 h5{ text-align:right} .n_about .fl02 .box .con05{left:50%;bottom: -9rem;padding-top: 12rem;transform: translateX(-50%);} .n_about .fl02 .box .con05:before{content:"";position:absolute;width: 1px;height: 7.5rem;top: 15px;left: 50%;margin-top:-1px;border-right: #d3d3d3 1px dashed;} .n_about .fl02 .box .con05:after{content:"";position:absolute;top: 0;margin-top: 0;left: 50%;border:#c2c2c2 1px solid;border-radius:50%;background:#fff;margin-left: -12px;} .n_about .fl02 .box .con05 span{left: 50%;top: 9.5rem;margin-left: -39px;} .n_about .fl02 .box .con03 span,.n_about .fl02 .box .con04 span{left:auto;right: 11rem;} .slow.img img{ transition:1s} .n_zhiliang .fl01{ padding:3.75rem 0 4.375rem; background:#f5f5f5} .n_zhiliang .fl01 ul{ font-size:0; margin:0 -17px;} .n_zhiliang .fl01 ul li{display:inline-block;width:25%;padding:0 17px;overflow:hidden;vertical-align: top;} .n_zhiliang .fl01 ul li a{ display:block; background:#fff; padding:1.875rem} .n_zhiliang .fl01 ul li a .img{ overflow:hidden} .n_zhiliang .fl01 ul li a .img img{ transition:1s} .n_zhiliang .fl01 ul li a .con h5{ font-size:1.375rem; color:#0a0502; padding:1.5rem 0 0.5rem} .n_zhiliang .fl01 ul li a .con h6{ font-size:1rem; color:#a0a09f; font-family: roboto_l;} .n_zhiliang .fl02{ padding:4.375rem 0 4.685rem;} .n_zhiliang .fl02 ul{ font-size:0; margin:0 -10px; overflow:hidden} .n_zhiliang .fl02 ul li{display:inline-block;width:33.333333%;padding:0 10px;margin-bottom: 20px;} .n_zhiliang .fl02 ul li a{ display:block;} .n_zhiliang .fl02 ul li a .img{ position:relative; overflow:hidden} .n_zhiliang .fl02 ul li a .img img{width:100%;height: 294px;object-fit: cover;} .n_zhiliang .fl02 ul li a .top{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent; transform:translateY(100%); transition:1s} .n_zhiliang .fl02 ul li a .top h5{ font-size:20px} .n_join .fl01{ padding:3.5rem 0 5.625rem} .n_join .fl01 .box{ position:relative} .n_join .fl01 .box .left{ width:50%} .n_join .fl01 .box .right{ width:50%; position:absolute; top:0; bottom:0} .n_join .fl01 .box .right h4{ font-size:1.5rem; color:#4c4c4c; margin:10px 0 1.75rem} .n_join .fl01 .box .right .ar_article{ margin-bottom:0} .n_join .fl01 .box .right .ar_article p{ margin-bottom:0} .n_join .fl01 .box .right .table{ text-align:left} .n_join .fl01 .box01 .right{ padding:0 0 0 5.25rem; right:0} .n_join .fl01 .box02 .right{ padding:0 5.25rem 0 0; left:0} .n_join .fl02{ padding:4.6875rem 0 4rem; background:#f6f6f6} .n_gonggong .title00 h5{ font-size:1.75rem; color:#dcdcdc; font-family:roboto_l; text-transform:uppercase; margin-top:10px} .n_join .fl02 .left{float:left;width: 19.875rem;} .n_join .fl02 .left .img{ position:relative; overflow:hidden; margin-bottom:0.875rem} .n_join .fl02 .left .img img{ width:100%} .n_join .fl02 .left .img .top{position:absolute;bottom:0;left:0;width:100%;padding: 0 1.5rem 1.25rem;} .n_join .fl02 .left .img .top h3 img{ width:auto;} .n_join .fl02 .left .img .top h5{margin-top:0.8125rem;font-size:0.875rem;color:#fff;line-height: 1.25rem;} .n_join .fl02 .left .bottom{} .n_join .fl02 .left .bottom .img{ overflow:hidden; margin-bottom:0} .n_join .fl02 .left .bottom .box{ height:6.25rem; border:#eff1f0 1px solid; overflow:hidden} .n_join .fl02 .left .bottom .box .con{float:left;width: calc(100% - 6.25rem);padding:1.875rem 1.375rem 0;} .n_join .fl02 .left .bottom .box .con h3{ font-size:1.125rem; color:#707c82; margin-bottom:0.5rem; text-transform:uppercase} .n_join .fl02 .left .bottom .box .con h5{ font-size:1.125rem; color:#5e5e5e} .n_join .fl02 .left .bottom .box .icon{float:right; width:6.25rem; line-height:calc(6.25rem - 2px); text-align:center; border-left:#eff1f0 1px solid;} .n_join .fl02 .right{float:right;width: calc(100% - 22.375rem);} .n_join .fl02 ul{margin-bottom: 2.5rem;} .n_join .fl02 ul li{margin-bottom: 0.625rem;} .n_join .fl02 ul li .top{position: relative;height: 85px;line-height: 95px;background: #fff;border: #e9e9e9 1px solid;padding: 0 1.75rem;box-sizing: border-box;cursor: pointer;} .n_join .fl02 ul li .top i{position:absolute;right:1.75rem;top:50%;margin-top: -8px;width:17px;height:17px;background:url(../image/jian01.png) center no-repeat;} .n_join .fl02 ul li .top h5{font-size: 1.375rem;color: #606162;display: inline-block;width: 90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .n_join .fl02 ul li .top span{ font-size:14px; color:#585858; display:inline-block; height:60px; vertical-align:top; margin-right:42px;} .n_join .fl02 ul li div.open .top{position:relative;background: #0869ac;border: #0869ac 1px solid;} .n_join .fl02 ul li div.open .top i{ background:url(../image/jian01_on.png) center no-repeat;} .n_join .fl02 ul li div.open .top h5{ color: #fff;} .n_join .fl02 ul li div.open .top span{ color:#fff} .n_join .fl02 ul li .ar_article{padding: 3rem 3rem 3rem 3rem;display:none;margin-bottom: 0;background: #fff;position:relative;} .n_join .fl02 ul li .ar_article h6{line-height: 2rem;padding: 0;width: calc(100% - 140px);} .n_join .fl02 ul li .ar_article h6 span{margin-right:1rem;font-size: 1rem;color: #4c4c4c;} .n_join .fl02 ul li .ar_article p{} .n_join .fl02 ul li .ar_article a{display:inline-block;width: 130px;height: 45px;line-height: 43px;background: #0869ac;border-radius:3px;text-align:center;font-size: 16px;color:#fff;padding: 0;} .n_join .fl02 .more{ text-align:center;} .n_join .fl02 .more img{ display:inline-block;} .n_join .fl02 ul li.lwy{padding: 0;} .n_contact .fl00{ padding:3.5rem 0 4rem} .n_contact .fl00 .left{ width:36%; background:#0869ac; padding:55px 1.875rem 0; height:470px;} .n_contact .fl00 .left h5{ font-size:1.375rem; color:#fff} .n_contact .fl00 .left h3{ font-size:2.25rem; color:#fff; font-family:Impact; margin:1rem 0 2rem} .n_contact .fl00 .left p{ font-size:16px; line-height:32px; color:#fff} .n_contact .fl00 .right{ width:64%;} .n_contact .fl00 .right iframe{ width:100%; height:470px;} .n_contact .fl01{ position:relative; z-index:1} .n_contact .fl01 .img{ position:relative} .n_contact .fl01 .img .llq{ position:absolute; width:35px; height:35px; margin-left:-17.5px; margin-top:-17.5px;} .n_contact .fl01 .img .llq.con01{left: 22%;top: 16.69%;} .n_contact .fl01 .img .llq.con02{left: 48.89%;top: 20%;} .n_contact .fl01 .img .llq.con03{left: 53.9%;top: 32.98%;} .n_contact .fl01 .img .llq.con04{left: 62.98%;top: 12.6%;} .n_contact .fl01 .img .llq.con05{left: 69.6%;top: 33.28%;} .n_contact .fl01 .img .llq.con06{left: 74.36%;top:30.74%;} .n_contact .fl01 .img .llq.con07{left: 76.8%;top: 26.5%;} .n_contact .fl01 .img .llq.con08{ left:83%; top:83.64%} .n_contact .fl01 .img .llq .con{text-align:center;font-size: 15px;color: #797979;margin: 0 -0.5rem;margin-top:-0.5rem;background:url(http://www.raysung.cn/static/style/pc/images/bgbg.png) center no-repeat;width: 68px;height: 27px;line-height: 21px;position: absolute;top: 44px;left: 50%;margin-left: -34px;} .n_contact .container {position: relative;width: 100%;height: 100%;} .n_contact .container:after{content:"";position:absolute;width:6px;height:6px;top:50%;margin-top:50%;margin-top:-3px;left:50%;margin-left:-3px;background: #0869ac;border-radius:100%;} .n_contact .container .circle {position: absolute;top: 50%;left: 50%;width: 6px;height: 6px;padding: 0;margin: 0;opacity: 0;margin-left:-3px;margin-top:-3px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;background: rgba(8, 105, 172, 0.8);} .n_contact .container .circle:nth-child(1) { animation: grow 4s 0.5s infinite; } .n_contact .container .circle:nth-child(2) { animation: grow 4s 1s infinite; } @keyframes grow { 0% { width:6px; height:6px; opacity: 1; transform: scale(0); -webkit-transform: scale(0); } 100% { opacity: 0; transform: scale(5); -webkit-transform: scale(5); } } .n_contact .fl02{ padding:3rem 0 4rem} .n_contact .fl02 h3{ font-size:1.625rem; color:#4c4c4c; margin-bottom:4.375rem; text-align:center} .n_contact .fl02 ul{overflow:hidden;margin: 0 -7px;} .n_contact .fl02 ul li{float:left;width:33.3333336%;padding: 0 7px;} .n_contact .fl02 ul li .box{padding: 45px 38px;border:#dadada 1px solid;border-radius:3px;} .n_contact .fl02 ul li .box h5{font-size: 20px;line-height: 32px;color: #323232;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 1.5rem;} .n_contact .fl02 ul li .box .p{font-size: 1rem;color: #4c4c4c;line-height: 2rem;min-height: 16rem;} .n_contact .fl02 ul li.li01 .box .table{ text-align:left} .n_contact .fl02 ul li.li01 .box { padding:2.75rem 0 2.75rem 2.5rem; border:none; } .n_contact .fl02 ul li.li01 .box h4{ font-size:1.375rem; color:#545454; margin-bottom:0.25rem; text-transform:uppercase; position:relative} .n_contact .fl02 ul li.li01 .box h4:before{content:"";position:absolute;background: url(http://www.raysung.cn/static/style/pc/images/icon_locol.png) 0 0 no-repeat;left: -2.5rem;width:26px;height:31px;} .n_contact .fl02 ul li.li01 .box h3{font-size:1.75rem;color:#d3d3d4;text-transform:uppercase;font-family: Avenir Next W1G;} .n_contact .fl02 ul li .box .p p{ word-break: break-all;} .n_news .fl01{padding: 4.375rem 0 3.25rem;background:url(http://www.raysung.cn/static/style/pc/images/n_news_fl01.jpg) center top no-repeat;background-size:cover;} .n_news .fl01 ul{font-size:0;margin: 0 -1.375rem;} .n_news .fl01 ul li{width: 33.333333%;display:inline-block; *display:inline; *zoom:1;padding: 0 1.375rem;} .n_news .fl01 ul li .img{ background:#000} .n_news .fl01 ul li .img,.n_news .fl01 ul li .img img{ overflow:hidden; width:100%; position:relative} .n_news .fl01 ul li .img a>img{ opacity:0.8} .n_news .fl01 ul li .con{padding: 2rem 2rem;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;position:relative;border: #e2e2e2 2px solid;border-top: none;} .n_news .fl01 ul li .con:before{ content:""; position:absolute; right:0; top:0; height:100%; width:0; background:#15569d; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .n_news .fl01 ul li .con h5,.n_news .fl01 ul li .con h5 a{font-size: 1.125rem;height: 1.5rem;line-height: 1.5rem;color: #383838;position:relative;margin-bottom: 0.75rem;font-weight: bold;} .n_news .fl01 ul li .con p{font-size: 0.9375rem;color: #6e6e6e;line-height: 1.75rem;overflow:hidden;height: 3.5rem;margin: 0 0 1.5rem;position:relative;} .n_news .fl01 ul li .con h6{font-size: 1rem;color: #6e6e6e;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1rem;position:relative;font-family: roboto_m;font-weight: 400;} .n_news .fl01 ul li .con h6 .icon {vertical-align:middle;overflow: hidden;height:0.875rem;width:0.875rem;fill: #999;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;margin: -2px 0.25rem 0 0;} .n_news .fl01 ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; } .n_news .fl01 ul li .img .red-bg{background:rgba(0,0,0,0.45);} .n_news .fl01 ul li .img .red-bg:before{ content:""; position:absolute; width:2.75rem; height:2.75rem; background:#15569d; border-radius:50%; top:50%; margin-top:-1.375rem; left:50%; margin-left:-1.375rem;} .n_news .fl01 ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; } .n_news .fl01 ul li .img .line_1 { width: 16px; height: 2px; margin: -1px 0px 0px -8px; transform: translateX(-16px); -webkit-transform: translateX(-16px); } .n_news .fl01 ul li .img .line_2 { width: 2px; height: 16px; margin: -8px 0px 0px -1px; transform: translateY(16px); -webkit-transform: translateY(16px); } .n_news.more01 a small{color:#fff} .n_news .fl01 .more01 a dl dd span:before{background:#fff;} .n_news .fl02{ padding:0 0 5rem} .n_news .fl02 ul{font-size:0;margin: 0;border-top: #eaeaea 1px solid;margin-bottom:3.125rem;} .n_news .fl02 ul li{padding: 2.5rem 0;border-bottom: #eaeaea 1px solid;position:relative;} .n_news .fl02 ul li:before{ content:""; position:absolute; right:0; top:0; height:100%; width:0; background:#f8f8f8; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .n_news .fl02 ul li a{padding: 0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;position:relative;display: block;} .n_news .fl02 ul li a h5,.n_news .fl02 ul li a h5 a{font-size: 1.125rem;height: 1.5rem;line-height: 1.5rem;color: #383838;position:relative;margin-bottom: 1rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: bold;} .n_news .fl02 ul li a p{font-size: 0.9375rem;color: #6e6e6e;line-height:1.5rem;margin:0.75rem 0 1.5rem;position:relative;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;} .n_news .fl02 ul li a h6{font-size: 1rem;color: #6e6e6e;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1rem;position:relative;} .n_news .fl02 ul li a h6 .icon {vertical-align:middle;overflow: hidden;height: 1rem;width: 1rem;fill: #999;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;margin: -2px 0.25rem 0 0;} .n_news .fl02 ul li a h4{font-size: 0.9375rem;color: #666666;line-height:20px;} .n_news .fl02 ul li a h4 span{margin-left: 12px;} .n_news_detail{ padding:3.125rem 0 5rem} .n_news_detail .content{display: table;width: 100%;} .n_news_detail .content .n_left{width: calc(100% - 20.625rem);display:table-cell;padding-right:4.375rem;} .n_news_detail .content .n_left .n_left_box{ background:#fff; padding:4.375rem 4.375rem} .n_news_detail .content .n_left .title{ margin-bottom:2.5rem} .n_news_detail .content .n_left .title h3{font-size: 1.875rem;color: #393939;font-weight:bold;line-height:3.5rem;margin-bottom:0.75rem;} .n_news_detail .content .n_left .title h6{ font-size:14px; color:#808080; line-height:20px;} .n_news_detail .content .n_left .title h6 span{position:relative;font-size:13px;color: #535353;display:inline-block;height: 40px;line-height: 40px;font-weight:normal;margin-right:1.675rem;vertical-align: top;font-family: pingfang;overflow: hidden;} .n_news_detail .content .n_left .title h6 span img{ margin:-3px 0.45rem 0 0} .n_news_detail .content .n_left .title h6{display:inline-block;position:relative;height: 40px;overflow: hidden;} .n_news_detail .content .n_left .title h6:before{content:"";position:absolute;bottom:-3px;width:6.25rem;height:3px;background:#ff9637;display: none;} .n_news_detail .content .n_left .title h6 span svg{width:20px;height:20px;fill:#808080;margin-right: 6px;display: inline-block;vertical-align: middle;margin-top: -3px;} .n_news_detail .content .n_left .title h6 span.shart_box svg{ width:26px; height:26px; fill:#808080} .fenxiang_box{display:inline-block;height: 40px;} .fenxiang_box:hover #j_shart_s_24{ display:inline-block;} /*==============分享插件=====================*/ .shart_box{} #j_shart_s_24 .bds_count{ font-size:12px;} #j_shart_s_24{position:relative;display: none;height: 40px;} #j_shart_s_24 .bds_count{ font-size:12px;} #j_shart_s_24{} #j_shart_s_24 strong{display:block;position:absolute;left:0;z-index:2;line-height:36px;font-size:12px;color: #838383;font-weight: normal;} #j_shart_s_24 .bds_qzone{background:url(../image/j_shart.png) center -224px no-repeat} #j_shart_s_24 .bds_tsina{background:url(../image/j_shart.png) center -311px no-repeat} #j_shart_s_24 .bds_tqq{background:url(../image/j_shart.png) center -195px no-repeat} #j_shart_s_24 .bds_renren{background:url(../image/j_shart.png) center -340px no-repeat} #j_shart_s_24 .bds_weixin{background:url(../image/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_sqq{background:url(../image/j_shart.png) center -79px no-repeat} #j_shart_s_24 .bds_fbook{background:url(../image/j_shart.png) center -166px no-repeat} #j_shart_s_24 .bds_twi{background:url(../image/j_shart.png) center -137px no-repeat} #j_shart_s_24 .bds_linkedin{background:url(../image/j_shart.png) center -108px no-repeat} #j_shart_s_24 .bds_tieba{background:url(../image/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_huaban{background:url(../image/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_douban{background:url(../image/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_copy{background:url(../image/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_print{background:url(../image/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_mshare{background:url(../image/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_count{font-size:12px} .bdshare-button-style1-32 a{width:26px !important;height:26px !important;line-height:26px !important;margin: 6px 2px 6px 0 !important;} .n_news_detail .content .n_right{ width:20.625rem; display:table-cell} .n_news_detail .content .n_right .sticky{ width:20.625rem} .n_news_detail .content .n_right .frl01{ margin-bottom:2rem} .n_news_detail .content .n_right .frl01 ul{ width:20.625rem;} .n_news_detail .content .n_right .frl01 ul li.miso-slide{ position:relative} .n_news_detail .content .n_right .frl01 ul li.slick-slide img{width:100%} .n_news_detail .content .n_right .frl01 ul li.slick-slide h5{position:absolute;left:0;bottom:0;width:100%;height: 50px;line-height: 50px;padding: 0 20px;background: rgba(0,0,0,0.75);font-size: 1rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .n_news_detail .content .n_right .frl01 ul li.slick-slide:hover h5{ background:#333} .n_news_detail .content .n_right .frl02{ margin-bottom:2rem} .n_news_detail .content .n_right .frl02 .title{font-size:1.375rem;color: #3c3c3c;font-weight:bold;line-height:3.75rem;border-bottom:#e2e2e2 2px solid;margin-bottom:1rem;} .n_news_detail .content .n_right .frl02 ul li{font-size: 1rem;color: #4c4c4c;line-height: 2.5rem;} .n_news_detail .content .n_right .frl02 ul li a{color: #4c4c4c;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .b_nav{ text-align:center; margin-top:50px} .b_nav .con{ font-size:16px;} .b_nav .con.center{ display:inline-block;} .b_nav .con.center img{ margin:-3px 14px 0;} .b_nav .con.fl img{ margin:-3px 14px 0 0;} .b_nav .con.fr img{ margin:-3px 0 0 14px;} .b_nav .con.fl a,.b_nav .con.fr a,.b_nav .con.center a{ color:#565656; transition:0.36s} .n_fade .fl01{ padding:3.5rem 0 5.625rem} .n_fade .fl01 .left{ width:40%} .n_fade .fl01 .left .title00{text-align:left;margin-bottom: 2rem;} .n_fade .fl01 .left p{ font-size:16px; line-height:32px; color:#4c4c4c} .n_fade .fl01 .left .h3{font-size:2.125rem;color:#0869ac;font-family:roboto_m;margin: 1.5rem 0 3.125rem;} .n_fade .fl01 .right{ width:48%} /*表单*/ .form form{margin: 0 -8px;} .form .n_l{float: right;width: 790px;padding: 0;} .form .n_l .title{ margin-bottom:55px;} .form .n_l .title h4{ font-size:24px; color:#030303; margin-bottom:26px;} .form .n_l .title p{ font-size:14px; color:#565758; line-height:30px;} .form .n_l form{ margin:0 -19px;} .form .layui-form-item{float:left;width:50%;clear:none;padding: 0 8px;position: relative;} .form .layui-form-pane .layui-form-label{width: 10px;line-height: 50px;height: 50px;background: none;border: none;border-radius:4px 0 0 4px;font-size: 16px;color: #282828;text-align: left;padding: 0;position: absolute;left: -2px;} .form .layui-form-select dl{top: 50px;} .form .layui-form-pane .layui-form-label font{font-size:16px;color: #ff0000;} .form .layui-form-pane .layui-form-label small{ font-size:16px; color:#d6bb68} .form .layui-form-pane .layui-input-block{margin-left: 0;min-height:48px;} .form .layui-input, .form .layui-select{height: 60px;font-size: 16px;background: #f2f2f2;border: none;border-radius: 2px;} .form .layui-textarea{height: 240px;font-size: 16px;background: #f2f2f2;border: none;border-radius: 0;} .form .layui-form-select .layui-input{font-size: 16px;color:#242425;} .form .layui-form-pane .layui-btn{width: 176px;} .form .layui-btn{height: 60px;background: #0869ac;border-radius: 2px;color: #fff;font-size: 16px;} .form .layui-btn:hover{background: #034b7c;color:#fff;} .form .n_r{float: left; width: 459px;} .form .layui-form-select .layui-edge{position:absolute;right: 23px;top:50%;cursor:pointer;border-width: 5px;border-top-color: transparent;border-top-style:solid;transition:all .3s;-webkit-transition:all .3s;border-top: transparent 7px solid;background:url(../image/layui-edge.png) center no-repeat;width: 11px;height: 7px;border: none;margin-top: -2.5px;} .form .layui-input#test1{background: #f1f4f6 url(http://www.raysung.cn/static/style/pc/images/rili.png) 92% center no-repeat;} input::-webkit-input-placeholder{ color:#4f4f4f;} input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#4f4f4f; } input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#4f4f4f;} input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#4f4f4f;} textarea::-webkit-input-placeholder{ color:#4f4f4f;} textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#4f4f4f;} textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#4f4f4f;} textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#4f4f4f;} .n_banner01{ background:url(../image/n_banner01_bg.jpg) center no-repeat; } .n_banner01 ul li .m1360{ height:520px;} .n_banner01 ul li .m1360 .table{ text-align:left} .n_banner01 ul li .left{ width:50%; padding:3.75rem 0 0; padding-right:3rem} .n_banner01 ul li .left h3{ font-size:2.625rem; color:#fff} .n_banner01 ul li .left h4{ font-size:1.375rem; color:#fff; margin:0.75rem 0 1.875rem} .n_banner01 ul li .left p{ font-size:1rem; color:#fff; line-height:30px;} .n_banner01 ul li .right{ width:50%} .n_banner01 ul li .right img{ max-height:353px; float:right} .n_banner01 .slick-dots{ bottom:30px;} .n_banner01 .slick-dots li{ width:10px; height:10px; border:#ffffff 1px solid; border-radius:50%; margin:0 8px} .n_banner01 .slick-dots li button{ display:none} .n_banner01 .slick-dots li.slick-active{ background:#fff} .n_product{ padding:4.375rem 0 2.5rem} .n_product .n_left{ width:18.125rem;} .n_product .n_left>ul{ border-bottom:#dcdcdf 2px solid} .n_product .n_left>ul>li.li{ position:relative} .n_product .n_left>ul>li.li a{width: 85%;display: inline-block;} .n_product .n_left>ul>li>.a{ display:block; height:65px; border:#dcdcdf 2px solid; line-height:61px; padding:0 1.125rem; font-size:1rem; color:#343434; border-bottom:none; position:relative} .n_product .n_left>ul>li i{ position:absolute; position:absolute; width:30px; right:15px; top:0; bottom:0; background:url(../image/more001.png) center no-repeat; cursor:pointer} .n_product .n_left>ul>li .ul{border: #dcdcdf 2px solid;border-top: none;border-bottom: none;display: none;} .n_product .n_left>ul>li .ul>ul{overflow:hidden;padding: 0;} .n_product .n_left>ul>li .ul>ul li{padding: 4px 0;} .n_product .n_left>ul>li .ul>ul>li>a{font-size:14px;color:#343434;height:34px;line-height:34px;padding:0 1rem 0 2.75rem;position:relative;width: 100% !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .n_product .n_left>ul>li .ul>ul>li>a:before{content:"";position:absolute;background:url(../image/jiantou01.png) center no-repeat;width:13px;height:12px;left: 1.25rem;top: 4px;opacity:0;visibility:hidden;transition:0.36s;} .n_product .n_left>ul>li.on>.a,.n_product .n_left>ul>li.on01>.a{ background:#0869ac; border:#0869ac 2px solid; color:#fff;} .n_product .n_left>ul>li.li.on01 i{ background:#0869ac url(../image/more001_on.png) center no-repeat; border:#0869ac 2px solid; color:#fff;} .n_product .n_right{ width:calc(100% - 21.5625rem);} .n_product .n_right h3{ font-size:1.5rem; color:#4c4c4c; margin-bottom:2rem} .n_product .n_right h3 svg{width:16px;height:16px;margin-right:5px;margin-left:2rem;vertical-align: bottom;} .n_product .n_right h3 a{font-size:14px;color:#666;vertical-align: bottom; transition:0.36s} .n_product .n_right h3 a:hover{ color:#428bca} .n_product .n_right ul{font-size:0;margin: 0 -0.875rem;} .n_product .n_right ul li{width: 33.333333%;display:inline-block; *display:inline; *zoom:1;padding: 0 0.875rem; margin-bottom:1.875rem} .n_product .n_right ul li .box{ vertical-align: top; } .n_product .n_right ul li .img{ background:#000} .n_product .n_right ul li .img,.n_product .n_right ul li .img img{overflow:hidden;width:100%;position:relative;margin-bottom: -2px;z-index: 1;} .n_product .n_right ul li .img a>img{ opacity:0.8} .n_product .n_right ul li .con{padding: 2rem 2rem;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;position:relative;border: #e2e2e2 2px solid;text-align:center;vertical-align: top;} .n_product .n_right ul li .con:before{ content:""; position:absolute; right:0; top:0; height:100%; width:0; background:#15569d; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .n_product .n_right ul li .con h5,.n_product .n_right ul li .con h5 a{font-size: 1.125rem;height: 1.5rem;line-height: 1.5rem;color: #383838;position:relative;margin-bottom: 0.75rem;font-weight: bold;} .n_product .n_right ul li .con p{font-size: 0.9375rem;color: #6e6e6e;line-height: 1.75rem;overflow:hidden;height: 3.5rem;margin: 0 0 1.5rem;position:relative;} .n_product .n_right ul li .con h6{font-size: 1rem;color: #6e6e6e;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1rem;position:relative;font-family: roboto_m;font-weight: 400;} .n_product .n_right ul li .con h6 span{ display:inline-block; width:140px; height:44px; line-height:44px; background:#e6e8eb; border-radius:22px; font-size:14px; color:#525252; transition:0.6s} .n_product .n_right ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; } .n_product .n_right ul li .img .red-bg{background:rgba(0,0,0,0.45);} .n_product .n_right ul li .img .red-bg:before{ content:""; position:absolute; width:2.75rem; height:2.75rem; background:#15569d; border-radius:50%; top:50%; margin-top:-1.375rem; left:50%; margin-left:-1.375rem;} .n_product .n_right ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; } .n_product .n_right ul li .img .line_1 { width: 16px; height: 2px; margin: -1px 0px 0px -8px; transform: translateX(-16px); -webkit-transform: translateX(-16px); } .n_product .n_right ul li .img .line_2 { width: 2px; height: 16px; margin: -8px 0px 0px -1px; transform: translateY(16px); -webkit-transform: translateY(16px); } .position{color: #686868;font-size: 14px;margin:4rem 0 3.5rem;text-align: right;} .position span, .position a, .position i{font-size: 14px;color: #686868;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} .position i{margin: 0px 5px;font-style:normal;} .position i img{vertical-align:middle;margin-top: -2px;} .position em{font-size: 14px;color: #0869ac;font-style: normal;} .position a:hover{color: #e41f28;} .n_main_box .main_box{width: 1200px;height: 80px;position:relative;margin: 0 auto;} .n_product_detail .fl01{ padding-bottom:5rem} .n_product_detail .fl01 .left{ width:52%;} .n_product_detail .fl01 .left h3{ font-size:2rem; line-height:3rem; color:#0a0502} .n_product_detail .fl01 .left .con{ margin:2rem 0 3.125rem; height:16rem; overflow:hidden; overflow-y:scroll; padding-right:3.25rem} .n_product_detail .fl01 .left .con p{ font-size:1rem; line-height:2rem; color:#4c4c4c; margin-bottom:2rem} .n_product_detail .fl01 .left h6 a{ display:inline-block; width:205px; height:50px; line-height:50px; border-radius:25px; background:#0869ac; text-align:center; font-size:1rem; color:#fff} .n_product_detail .fl01 .left h6 a img{ margin:-3px 12px 0 0} .n_product_detail .fl01 .right{width:48%;text-align: center;padding-top: 3rem;} .n_product_detail .fl01 .right img{display: inline-block;max-height: 350px;} .n_product_detail .fl01 .right h5{ text-align:center; line-height:50px; font-size:1rem; color:#555} .n_product_detail .fl01 .right .slick-prev, .n_product_detail .fl01 .right .slick-next{ width:35px; height:35px; margin-top:-17px; z-index:10} .n_product_detail .fl01 .right .slick-prev{ background:url(../image/left02.png) center no-repeat; left:3rem} .n_product_detail .fl01 .right .slick-next{ background:url(../image/right02.png) center no-repeat; right:3rem} .n_product_detail .fl02{background:url(../image/n_product_detail_fl02_bg.jpg) center no-repeat;padding: 5.25rem 0;} .n_product_detail .fl02 h3{ font-size:2rem; color:#fff; margin-bottom:3rem; text-align:center} .n_product_detail .fl02 ul li{ text-align:center;} .n_product_detail .fl02 ul li a .icon{ display:inline-block; width:8.75rem; height:8.75rem; line-height:8.5rem; border-radius:50%; border:#fff 1px solid} .n_product_detail .fl02 ul li a .icon img{display:inline-block;max-height: 48px;} .n_product_detail .fl02 ul li a h5{margin-top:1rem;font-size:1rem;color:#fff;white-space: normal;line-height: 1.5rem;height: 3rem;} .n_product_detail .fl02 .slick-prev, .n_product_detail .fl02 .slick-next{ width:10px; height:19px; margin-top:-10px;} .n_product_detail .fl02 .slick-prev{ background:url(../image/left04.png) center no-repeat; left:-2rem} .n_product_detail .fl02 .slick-next{ background:url(../image/right04.png) center no-repeat; right:-2rem} .n_product_detail .fl03 h3{ font-size:2rem; color:#4c4c4c; margin-bottom:3rem; text-align:center} .n_product_detail .fl03{ padding:4.35rem 0; background:#f6f6f6} .n_product_detail .fl04{ padding:5rem 0} .n_product_detail .fl04 h3{ font-size:2rem; color:#4c4c4c; margin-bottom:3rem; text-align:center} .n_product_detail .fl04 ul{ font-size:0; margin:0 -1rem} .n_product_detail .fl04 ul li{ display:inline-block; width:33.333333%; padding:0 1rem; text-align:center} .n_product_detail .fl04 ul li a{ display:block; overflow:hidden; position:relative} .n_product_detail .fl04 ul li a .img{ overflow:hidden; position:relative} .n_product_detail .fl04 ul li a .img:after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background-image: linear-gradient(transparent, rgba(0,0,0,0.85));} .n_product_detail .fl04 ul li a h5{position:absolute;bottom:20px;left:0;right:0;padding:0 15px;font-size:16px;color:#fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .ar_article td, .ar_article th{padding: 1.25rem 0.9375rem;border: 1px solid #e1e1e1;vertical-align: middle;font-size: 1rem;color: #4c4c4c;} .ar_article td p, .ar_article th p{ padding-bottom:0; margin-bottom:0;} .ar_article table {border-collapse: collapse;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; width:100% !important} .ar_article table tr:not(:first-child) td{} .ar_article table td {border-left: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;width:auto !important;background: #fff;} .c_tit{text-align:center;color:#888} .c_tit strong{font-size:36px;color:#333} .c_tit p{font-size:14PX} .c_tit i{display:block;height:15px;clear:both;float:none;width:90px;margin-right:auto;margin-left:auto;margin-bottom:15px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ccc}